<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en">

<head>
<title>main</title>
<meta charset="utf-8" />
<style>
body {
	background-image: url(img/bg/bg_gray.jpg);
}
</style>
<base href="/resources/" />
<link rel="stylesheet" type="text/css" href="css/main.css">

</head>

<body style="overflow-y: hidden;">
	<div id="header">
		<script>
			(function(d, s, id) {
				var js, fjs = d.getElementsByTagName(s)[0];
				if (d.getElementById(id))
					return;
				js = d.createElement(s);
				js.id = id;
				js.src = "//connect.facebook.net/ko_KR/all.js#xfbml=1&appId=134251820063096";
				fjs.parentNode.insertBefore(js, fjs);
			}(document, 'script', 'facebook-jssdk'));
		</script>
		<div class="fb-login-button" data-show-faces="true" data-width="200" data-max-rows="1"></div>
	</div>

	<div id="logo_top_left">
		<img src="img/logo/main.png" />

	</div>

	<div id="logo_top_right">
		<img src="img/logo/login1.png" /> <img src="img/logo/logout1.png" />
		<img src="img/logo/info1.png" />
	</div>

	<div id="aa">
		<div
			style="position: absolute; left: 400px; top: 250px; -webkit-transform: rotateZ(-22deg);">
			<img src="img/bg_icon/22.png" />
		</div>

		<div
			style="position: absolute; left: 400px; top: 500px; -webkit-transform: rotateZ(22deg);">
			<img src="img/bg_icon/2.png">
		</div>

		<div
			style="position: absolute; left: 250px; top: 650px; -webkit-transform: rotateZ(22deg);">
			<img src="img/bg_icon/10.png">
		</div>

		<div
			style="position: absolute; left: 550px; top: 60px; -webkit-transform: rotateZ(-32deg);">
			<img src="img/bg_icon/4.png">
		</div>

		<!-- <div style="position: absolute; left:1400px; top: 300px; -webkit-transform: rotateZ(-32deg);">
					<img src="img/bg_icon/5.png">
				</div> -->

		<div style="position: absolute; left: 1100px; top: 660px;">
			<img src="img/bg_icon/6.png">
		</div>

		<div
			style="position: absolute; left: 1400px; top: 340px; -webkit-transform: rotateZ(-12deg);">
			<img src="img/bg_icon/8.png">
		</div>

		<div
			style="position: absolute; left: 1150px; top: 250px; -webkit-transform: rotateZ(-22deg);">
			<img src="img/bg_icon/9.png" />
		</div>

		<div style="position: absolute; left: 180px; top: 450px;">
			<img src="img/bg_icon/7.png">
		</div>

		<div style="position: absolute; left: 1480px; top: 160px;">
			<img src="img/bg_icon/11.png">
		</div>

		<div style="position: absolute; left: 100px; top: 250px;">
			<img src="img/bg_icon/12.png">
		</div>

		<div style="position: absolute; left: 1250px; top: 480px;">
			<img src="img/bg_icon/13.png">
		</div>

		<div style="position: absolute; left: 900px; top: 110px;">
			<img src="img/bg_icon/15.png">
		</div>

		<div
			style="position: absolute; left: 230px; top: 30px; -webkit-transform: rotateZ(-12deg);">
			<img src="img/bg_icon/16.png">
		</div>

		<div
			style="position: absolute; left: 1450px; top: 600px; -webkit-transform: rotateZ(40deg);">
			<img src="img/bg_icon/21.png">
		</div>

		<div style="position: absolute; left: 1200px; top: 90px;">
			<img src="img/bg_icon/23.png">
		</div>

		<div
			style="position: absolute; left: 30px; top: 620px; -webkit-transform: rotateZ(-30deg);">
			<img src="img/bg_icon/24.png">
		</div>

	</div>


<%@ include file="common/main_container.jspf"%>


</body>
</html>

